:root {
    --highlight-color: #6abb3a;
}

::selection {
    background-color: var(--highlight-color);
}

::-moz-selection {
    background-color: var(--highlight-color);
}

.cabecera {
    /* background-color: var(--highlight-color); */
    height: 10%;
}

/* .titlecard {
    background-color: var(--highlight-color);
} */

label{
    font-weight: 600;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="celular"],
input[type="file"],
.form-control.custom-select {
    border-color: rgb(143, 142, 142);
}


input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="celular"]:focus,
input[type="file"]:focus,
.form-control.custom-select:focus {
    box-shadow: 0 0 15px var(--highlight-color);
    border-color: var(--highlight-color);
}

.social-link {
    margin: 0 5px; /* Ajusta el valor según tus necesidades */
}

#img_footer {
    height: 3rem;
    margin-top: 20px;
}

#show_pass_first #show_pass_second #hide_pass_first #hide_pass_second{
    transform: translateX(-5px);
}

footer {
    color: #ffffff;
    /* background-color: var(--highlight-color); */
    height: 10%;
    width: 100%;
    bottom: 0;
    left: 0;
}

p a {
    text-decoration: none;
}


footer a {
    color: white;
}

footer a:hover {
    color: #008206;
}

.fa-whatsapp:hover {
    color: green;
}

.fa-youtube:hover {
    color: red;
}

.fa-twitter:hover {
    color: lightblue;
}

.fa-instagram:hover {
    color: purple;
}

.fa-facebook:hover {
    color: blue;
}





/* ------------------------------------------ media querys------------------------------------------------------------ */




@media (max-width: 1060px) {

    .footer_1060 {
        display: none !important;
    }
    .footer_1059 {
        display: flex !important;
    }

    #img_footer {
        height: 1.5em;
        margin-top: -10px;
    }
}


/* ------------------------------------------fin media querys------------------------------------------------------------ */